:root {
	--background-color: #fff;
	/* 默认背景色 */
	--text-color: #000;
	/* 默认文字颜色 */
	--border-color: #738e9f;
	/* 默认边框颜色 */
	--background-image: linear-gradient(to right, #7e7eac, #9db3c8, #9fa5c5, #d0cbd2, #a1a7c7, #c6d3e3, #9397bc, #c6d3e3, #a1a7c7, #92a0be, #cecad1, #9db3c8, #7e7eac);
	/* 其他变量定义 */
}

.theme-default {
	/* 背景图片 */
	--background-image: linear-gradient(to right, #7e7eac, #9db3c8, #9fa5c5, #d0cbd2, #a1a7c7, #c6d3e3, #9397bc, #c6d3e3, #a1a7c7, #92a0be, #cecad1, #9db3c8, #7e7eac);
}

.theme-red {
	--background-color: #ff9999;
	--text-color: #000;
	--border-color: #ffaaaa;
	/* 背景图片 */
	--background-image: linear-gradient(to right, #ff9999, #ffaaaa, #ffbbbb, #ffcccc, #ffdddd, #ffeeee, #ffffff, #ffeeee, #ffdddd, #ffcccc, #ffbbbb, #ffaaaa, #ff9999);

	/* 其他风格特定的变量覆盖 */
}

.theme-green {
	--background-color: #6f9c5a;
	--text-color: #000;
	--border-color: #7eac70;
	--background-image: linear-gradient(to right, #6f9c5a, #7eac70, #8cbb85, #9cc99b, #abc8b0, #bad6c6, #c9e5db, #bad6c6, #abc8b0, #9cc99b, #8cbb85, #7eac70, #6f9c5a);
	/* 其他风格特定的变量覆盖 */
}

.theme-yellow {
	--background-color: #ffd27d;
	--text-color: #000;
	--border-color: #ffda8b ;
	--background-image: linear-gradient(to right, #ffd27d, #ffda8b, #ffe199, #ffe8a6, #ffefb4, #fff6c2, #fffdc9, #fff6c2, #ffefb4, #ffe8a6, #ffe199, #ffda8b, #ffd27d);
	/* 其他风格特定的变量覆盖 */
}

.theme-grey {
	--background-color: #ffd27d;
	--text-color: #000;
	--border-color: #ffda8b;
	--background-image:  linear-gradient(to right, #52504b, #999ba4, #a49ba7, #b3bac4, #b3bac4, #b3bac4, #c7c9c7, #b3bac4, #a49ba7, #999ba4, #52504b);
	/* 其他风格特定的变量覆盖 */
}

.theme-zongse {
	--background-image: linear-gradient(to right, #713800, #945920, #965a1e, #ab6520, #944f0c, #925111, #713800);  }

#yxym .list-title {
	background: linear-gradient(transparent, #f7f3f3);
	font-size: 14pt; 
	color: #000;
	text-shadow: 0 0 .625rem #e5e5e5; 
}



.box {
	margin: .3125rem 0;
	border-radius: .3125rem;
	overflow: hidden;
	background-image: var(--background-image);
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}

.box-red {
	margin: .3125rem 0;
	border-radius: .3125rem;
	overflow: hidden;
	background-image: linear-gradient(to right, #ff9999, #ffaaaa, #ffbbbb, #ffcccc, #ffdddd, #ffeeee, #ffffff, #ffeeee, #ffdddd, #ffcccc, #ffbbbb, #ffaaaa, #ff9999);
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}

.box-green {
	margin: .3125rem 0;
	border-radius: .3125rem;
	overflow: hidden;
	background-image: linear-gradient(to right, #6f9c5a, #7eac70, #8cbb85, #9cc99b, #abc8b0, #bad6c6, #c9e5db, #bad6c6, #abc8b0, #9cc99b, #8cbb85, #7eac70, #6f9c5a);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}

.box-yellow {
	margin: .3125rem 0;
	border-radius: .3125rem;
	overflow: hidden;
	background-image: linear-gradient(to right, #ffd27d, #ffda8b, #ffe199, #ffe8a6, #ffefb4, #fff6c2, #fffdc9, #fff6c2, #ffefb4, #ffe8a6, #ffe199, #ffda8b, #ffd27d);
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}

.box-zongse {
	margin: .3125rem 0; 
	border-radius: 10rpx; 
	overflow: hidden;
	background-image: linear-gradient(to right, #713800, #945920, #965a1e, #ab6520, #944f0c, #925111, #713800);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}


.duilianpt {
	table-layout: auto;
    border-top: 2px #ccc solid;
	color: #ff0000;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	background: #fff;
	font-size: 12pt;
}

.duilianpt .el-row {
	min-height: 1.875rem;
	font-weight: bold;
	border: 1px solid #c0c0c0;
	font-size: 11pt;
}

.duilianpt .el-row .el-col {
	display: flex;
    justify-content: center;
    align-items: center;
}


.centent7 .el-col {
	border-left: 1px solid #c0c0c0;
	margin-top: 0;
	/* 确保没有额外的上边距 */
	margin-bottom: 0;
	/* 确保没有额外的下边距 */
	padding-top: .125rem;
	/* 根据需要调整 */
	padding-bottom: .125rem;
	/* 根据需要调整 */
	box-sizing: border-box;
	/* 确保内边距和边框包含在高度内 */
}

.del-text {
	text-decoration: line-through;
}

.text-center {
	text-align: center;
}

.text-left {
	justify-content: None;
}

.text-left-pd5{
	padding-left: .3125rem;
}

.text-left-pd10{
	padding-left: .625rem;
}

.more {
	font-size: 14pt;
}

.red-text {
	color: #ff0000;
}

.green-text {
	color: #00ff00;
}

.green1-text {
	color: #008000;
}

.blue-text {
	color: #0000ff;
}

.blue1-text {
	color: #000080;
}

.black-text {
	color: black;
}

.yellow-text {
	color: #ffd27d;
}

.purple-text{
	color: #800080;
}

.magenta-text {
	color: #ff33cc;
}

.grey-text {
	color: #C0C0C0;
}

.bg-yellow {
	background-color: #FFFF00;
}

.zodiac {
	display: flex;
	flex-wrap: wrap;
	/* 允许内容换行 */
	justify-content: center;
	/* 子元素在垂直方向上居中分布 */
	align-items: center;
	/* 子元素在水平方向上居中对齐 */
	width: 50%;
}

.zodiac1 {
	display: flex;
	/* 允许内容换行 */
	justify-content: center;
	/* 子元素在垂直方向上居中分布 */
	align-items: center;
	/* 子元素在水平方向上居中对齐 */
}

.zodiac .item  {
	width: 100%;
	font-size: 12pt;
}

.zodiac .item span {
	display: inline-block;
	margin-right: .3125rem;
	/* 或者使用其他单位，比如px */
}

.zodiac .item span:last-child {
	margin-right: 0;
}

.zodiac .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    /* width: 50%; */
    box-sizing: border-box;
    margin-bottom: .3125rem;
	justify-content: center;
}

.zodiac .item-big {
	font-size: 14pt;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
}

.zodiac .item-bor-top {
	font-size: 14pt;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
	border-top: 1px solid #c0c0c0;
}

.zodiac .item1 {
	display: flex;
	flex-direction: column;
}

.zodiac .item2 span {
	margin-right: .1875rem;
}

/* 左对齐 */
.align-left {
	justify-content: flex-start;
	align-items: flex-start;
}

/* 居中对齐 */
.align-center {
	justify-content: center;
}

/* 右对齐 */
.align-right {
	justify-content: flex-end;
}

/* 两端对齐 */
.align-justify {
	justify-content: space-between;
}

/* 等间距对齐 */
.align-space-around {
	justify-content: space-around;
}


.itembordered {
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	margin-top: 0;
	/* 确保没有额外的上边距 */
	margin-bottom: 0;
	/* 确保没有额外的下边距 */
	padding-top: .3125rem;
	/* 根据需要调整 */
	padding-bottom: .3125rem;
	/* 根据需要调整 */
	box-sizing: border-box;
	/* 确保内边距和边框包含在高度内 */
}



/* 12码中特 */
.text-container {
	display: flex;
	flex-wrap: wrap;
	/* 允许内容换行 */
	align-items: center;
	/* 垂直居中对齐 */
}

/* 左右两个 */
.text-item {
	width: 50%;
	/* 每个文本项占据容器宽度的一半 */
	display: flex;
	align-items: center;
	/* 在.text-item内部垂直居中对齐子元素 */
	justify-content: center;
	/* 如果需要，可以调整水平对齐方式 */
	box-sizing: border-box;
	/* 确保padding和border不会增加元素的总宽度 */
}

.text-bx {
	line-height: 1.875rem;
	text-align: center;
	border: solid 1px #ddd;
	border-radius: 8px;
	background: #eee;
	background-image: linear-gradient(to top, #fff, #eee, #fff);
	box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, 0.1);
	/* display: block; */
	font-weight: bold;
	text-decoration: none;
	padding-left: 0px;
	margin: .3125rem;
	width: 100%;
}


/* 一行一行 */
.text-item1 {
	width: 100%;
	/* 每个文本项占据容器宽度的一半 */
	display: flex;
	align-items: center;
	/* 在.text-item内部垂直居中对齐子元素 */
	justify-content: center;
	/* 如果需要，可以调整水平对齐方式 */
	box-sizing: border-box;
	/* 确保padding和border不会增加元素的总宽度 */
}

.demo-layout {
	text-align: center;
	height: 1.5625rem; 
	line-height: 1.5625rem; 
	border-radius: 0rpx; 
}

.bg-purple {
	background: #ced7e1;
}

.bg-purple-light {
	background: #e5e9f2;
}

.bg-purple-dark {
	background: #99a9bf;
}

.double_line:not(:last-child){
	border-bottom: 1px solid #c0c0c0;
}


/* other */



/* new-css */


.schedule-container {
	width: 100%;
	max-width: 800px;
	margin: 20px auto;
	/* border: 2px solid #000; */
	box-sizing: border-box;
  }
  .schedule-table {
	width: 100%;
  }
  .row {
	display: flex;
	flex-wrap: wrap;
	/* border-top: 1px solid #000; */
	/* border-left: 1px solid #000; */
  }

  .row:not(:first-child){
	border-top: 1px solid #c0c0c0;
}

  .route {
	flex: 0 0 100%;
	/* padding: 10px; */
	/* border-right: 1px solid #000; */
	/* border-bottom: 1px solid #000; */
	font-weight: bold;
  }
  .stops {
	flex: 0 0 100%;
	display: flex;
	flex-direction: column;
  }  
  .stop-row {
	display: flex;
	flex: 1;
	justify-content: center;
  }
  .stop {
	flex: 0 0 50%;
	/* padding: 10px; */
	text-align: center;
	/* border-right: 1px solid #000; */
	/* border-bottom: 1px solid #000; */
  }
  .left {
	text-align: right;
	padding-right: 10px;
  }
  .right {
	text-align: left;
	padding-left: 10px;
  }
  .animal {
	color: blue;
	font-weight: bold;
  }
  .number {
	color: green;
  }
  .num-bg {
	background-color: yellow;  
  }

  .row-text,.purple-text{
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
	width: 100%;
	font-size: 14pt;
  }

  .item2{
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
	width: 100%;
	font-size: 12pt;
  }